<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			div{
				width: 1200px;
				margin-left: 20px;
				height: 60px;
				
				overflow: hidden;
			}
			h2{				
				margin-left: 10px;
				float: left;
				line-height: 60px;
			}
			a{
				margin-left:1000px ;
				line-height: 60px;
			}
			.spbox{
				width: 1200px;
				height: 1000px;
				margin-left: 60px;
			}
			.spbox .p1{
				float: left;
				font-size: 12px;
				
			}
			.spbox .p3{
				margin-top:20px ;
				float: left;
				font-size: 12px;
			}
			.spbox .p2{
				margin-left:700px ;
				font-size: 12px;
			}
			.spbox .p4{
				margin-top:20px ;
				margin-left:700px ;
				font-size: 12px;
			}
		</style>
	</head>
	<body>
		<div>
		<h2>热门活动</h2>
		<a href="#">更多</a>		
		</div>
		<div class="spbox">
			<p class="p1">
				<img src="../img/img1.png" /><br />
				推荐活动 | 原创音乐现金榜T榜			
			</p >
			
			<p  class="p2">
				<img src="../img/img2.png" /><br />
				推荐节目|《TAImusic》爆笑来袭	
			</p>
			
			<p class="p3">
				<img src="../img/img3.png" /><br />
				推荐歌单 | 继续宠爱张国荣		
			</p>
			
			<p class="p4">
				<img src="../img/img4.png" /><br />
				推荐活动| 330金属音乐巡演 成都小酒馆音乐空间		
			</p>
		</div>
	</body>
</html>
